<div class="breadcrumbs" id="breadcrumbs">
    <script type="text/javascript">
        try {
            ace.settings.check('breadcrumbs', 'fixed')
        } catch (e) {
        }
    </script>
    <ul class="breadcrumb">
        <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <a href="{{ url_for('index') }}">Home</a>
        </li>

        <li>
            <a href="javascript:">系统</a>
        </li>
        <li>
            <a href="{{ url_for('html', htm='user/list') }}">用户管理</a>
        </li>
        <li class="active">用户详细</li>
    </ul>
    <!-- /.breadcrumb -->
    <!-- /section:basics/content.breadcrumbs -->
</div>
<div class="page-content">
    <div class="page-content-area">
        <div class="page-header">
            <h1>
                用户管理
                <small>
                    <i class="ace-icon fa fa-angle-double-right"></i>
                    用户详细
                </small>
            </h1>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->
{#                <div class="tabbable">#}
{#                    <ul class="nav nav-tabs">#}
{#                        <li class="active">#}
{#                            <a data-toggle="tab" href="#info">#}
{#                                <i class="green ace-icon fa fa-pencil-square-o bigger-125"></i>#}
{#                                基本#}
{#                            </a>#}
{#                        </li>#}
{#                        <li>#}
{#                            <a data-toggle="tab" href="#pwd">#}
{#                                <i class="blue ace-icon fa fa-key bigger-125"></i>#}
{#                                密码#}
{#                            </a>#}
{#                        </li>#}
{#                    </ul>#}
{#                    <div class="tab-content">#}
{#                        <div id="info" class="tab-pane fade in active">#}
{#                            <div class="form-horizontal" role="form">#}
{#                                <!-- #section:elements.form -->#}
{#                                <div class="form-group">#}
{#                                    <label class="col-sm-3 control-label no-padding-right" for="form-username">#}
{#                                        用户名: </label>#}
{##}
{#                                    <div class="col-sm-9">#}
                                        {#                                        <a href="javascript:" editable-text="user.name" class="form-control-static">[[ user.name || "空" ]]</a>#}
{#                                        <p class="form-control-static" ng-bind="user.name">#}
{#                                        </p>#}
{#                                    </div>#}
{#                                </div>#}
{##}
{#                                <div class="form-group">#}
{#                                    <label class="col-sm-3 control-label no-padding-right" for="form-realname">#}
{#                                        姓名:</label>#}
{##}
{#                                    <div class="col-sm-9">#}
{#                                        <p class="form-control-static">#}
{#                                            <a href="javascript:" editable-text="user.real_name"#}
{#                                               class="form-control-static"#}
{#                                               onbeforesave="updateRealName($data)">[[ user.real_name || "空" ]]</a>#}
{#                                        </p>#}
{#                                    </div>#}
{#                                </div>#}
{#                                <div class="clearfix form-actions">#}
{#                                    <div class="col-md-offset-3 col-md-9">#}
{#                                        <a class="btn" href="{{ url_for('html', htm='user/list') }}">#}
{#                                            <i class="ace-icon fa fa-undo bigger-110"></i>#}
{#                                            返回#}
{#                                        </a>#}
{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
{#                        </div>#}
{#                        <div id="pwd" class="tab-pane fade">#}
{#                            <form method="post" ng-submit="updatePwd($event)" class="form-horizontal" role="form">#}
{#                                <div class="form-group">#}
{#                                    <label class="col-sm-3 control-label no-padding-right" for="form-password">#}
{#                                        密码 </label>#}
{##}
{#                                    <div class="col-sm-9">#}
{#                                        <input type="password" id="form-password" placeholder="密码" required#}
{#                                               app-required ng-model="security.pwd" class="col-xs-10 col-sm-5"/>#}
{#                                    </div>#}
{#                                </div>#}
{##}
{#                                <div class="form-group">#}
{#                                    <label class="col-sm-3 control-label no-padding-right"#}
{#                                           for="form-password">确认密码 </label>#}
{##}
{#                                    <div class="col-sm-9">#}
{#                                        <input type="password" id="form-password" placeholder="确认密码" required#}
{#                                               app-required ng-model="security.repeat_pwd" class="col-xs-10 col-sm-5"/>#}
{#                                    </div>#}
{#                                </div>#}
{#                                <div alerts data="alerts"></div>#}
{#                                <div class="clearfix form-actions">#}
{#                                    <div class="col-md-offset-3 col-md-9">#}
{#                                        <button class="btn btn-info">#}
{#                                            <i class="ace-icon fa fa-check bigger-110"></i>#}
{#                                            提交#}
{#                                        </button>#}
{##}
{#                                        &nbsp; &nbsp; &nbsp;#}
{#                                        <a class="btn" href="{{ url_for('html', htm='user/list') }}">#}
{#                                            <i class="ace-icon fa fa-undo bigger-110"></i>#}
{#                                            返回#}
{#                                        </a>#}
{#                                    </div>#}
{#                                </div>#}
{#                            </form>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
                <tabset>
                    <tab active="tabs.first">
                        <tab-heading>
                            <i class="green ace-icon fa fa-pencil-square-o bigger-125"></i>
                            基本
                        </tab-heading>
                        <div class="form-horizontal" role="form">
                            <!-- #section:elements.form -->
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-username">
                                    用户名: </label>

                                <div class="col-sm-9">
                                    <p class="form-control-static" ng-bind="user.name">
                                    </p>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-realname"> 姓名:</label>

                                <div class="col-sm-9">
                                    <p class="form-control-static">
                                        <a href="javascript:" editable-text="user.real_name" class="form-control-static"
                                           onbeforesave="updateRealName($data)">[[ user.real_name || "空" ]]</a>
                                    </p>
                                </div>
                            </div>
                            <div class="clearfix form-actions">
                                <div class="col-md-offset-3 col-md-9">
                                    <a class="btn" href="{{ url_for('html', htm='user/list') }}">
                                        <i class="ace-icon fa fa-undo bigger-110"></i>
                                        返回
                                    </a>
                                </div>
                            </div>
                        </div>
                    </tab>
                    <tab>
                        <tab-heading>
                            <i class="blue ace-icon fa fa-key bigger-125"></i>
                            密码
                        </tab-heading>
                        <form method="post" ng-submit="updatePwd($event)" class="form-horizontal" role="form">
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-password">
                                    新密码 </label>

                                <div class="col-sm-9">
                                    <input type="password" id="form-password" placeholder="密码" required
                                           app-required ng-model="security.pwd" class="col-xs-10 col-sm-5"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right"
                                       for="form-password">确认密码 </label>

                                <div class="col-sm-9">
                                    <input type="password" id="form-password" placeholder="确认密码" required
                                           app-required ng-model="security.repeat_pwd" class="col-xs-10 col-sm-5"/>
                                </div>
                            </div>
                            <div alerts data="alerts" close-alert = "closeAlert(index)"></div>
                            <div class="clearfix form-actions">
                                <div class="col-md-offset-3 col-md-9">
                                    <button class="btn btn-info">
                                        <i class="ace-icon fa fa-check bigger-110"></i>
                                        提交
                                    </button>

                                    &nbsp; &nbsp; &nbsp;
                                    <a class="btn" href="{{ url_for('html', htm='user/list') }}">
                                        <i class="ace-icon fa fa-undo bigger-110"></i>
                                        返回
                                    </a>
                                </div>
                            </div>
                        </form>
                    </tab>
                </tabset>
            </div>
        </div>
    </div>
</div>